@import '../../../styles/_commonColor.scss';

.tax {
  padding:0 30px;
  .buttonContainer {
    padding: 84px 0 0 0;
    display: flex;
    div {
      &:nth-child(1) {
        flex: 1;
      }
      &:nth-child(3) {
        margin-left: 30px;
      }
      button {
        width: 180px;
        height: 84px;
        color: $blue;
        background-color: $white;
        text-align: center;
        border: solid 1PX $blue;
        border-radius: 6px;
        font-size: 34px;
        padding:0;
      }
    }
    .twoButtons {
      flex: 1;
      margin: 0 !important;
      padding: 0 15px 0 0;
      button {
        width: 100% !important;
      }
    }

  }

  .tips{
    width:100%;
    height:108px;
    background-image: url('../../../images/sureTips.png');
    background-size: 100% 100%;
    margin-top: 20px;
    padding:22px 16px 0 16px;
    color:$gray;
    font-size: 26px;
  }

  .icon {
    position: relative;
    z-index: 1;
    top: 0;
    margin-right: 10px;
    color: $white;
    overflow: hidden;
    text-align: center;
    font-style: normal;
    font-size: 22px;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 27px;
    &::before {
      position: absolute;
      z-index: -1;
      content: '';
      left: 0;
      top: 50%;
      margin-top: -12px;
      display: block;
      width: 20px;
      height: 20px;
      border: 12px solid $blue;
      background: $blue;
      border-radius: 50%;
    }
  }
  .taxImg {
    border: 1PX solid $bordergray;
  }
  .bg {
    background: $white;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
}